<template>
  <view class="box" :style="setPageBackSize">
    <!-- 收藏关注-->
    <!-- <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'">
			<image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />收藏关注
			<p class="remove" @click="bianji">{{ text }}</p>
		</view> -->
    <view class="topNoBg heads" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <view class="" style="width: 40rpx">
        <image
          class="backs"
          src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
          @click="fanhui"
        />
      </view>
      <view class="toptitles"> 收藏关注 </view>
      <view class="remove" @click="bianji">
        {{ text }}
      </view>
    </view>
    <scroll-view
      scroll-x
      class="nav"
      scroll-with-animation
      :scroll-left="scrollLeft"
      style="background-color: transparent"
    >
      <view class="">
        <view class="cu-item lsjl2">
          <view
            class="view"
            :class="item.num == TabCur5 ? 'text-green cur' : ''"
            v-for="(item, index) in list5"
            :key="index"
            @tap="tabSelect5"
            :data-id="item.num"
          >
            {{ item.name }}
          </view>
        </view>
        <view class="cu-item lsjl" v-if="TabCur5 == 1">
          <view
            class="view"
            :class="item.num == TabCur ? 'text-green cur' : ''"
            v-for="(item, index) in list"
            :key="index"
            @tap="tabSelect"
            :data-id="item.num"
          >
            {{ item.name }}
          </view>
        </view>
        <view class="cu-item lsjl" v-else-if="TabCur5 == 2">
          <view
            class="view"
            :class="item.num == TabCur6 ? 'text-green cur' : ''"
            v-for="(item, index) in list6"
            :key="index"
            @tap="tabSelect6"
            :data-id="item.num"
          >
            {{ item.name }}
          </view>
        </view>
        <view class="cu-item lsjl" v-else-if="TabCur5 == 4">
          <view
            class="view"
            :class="item.num == TabCur10 ? 'text-green cur' : ''"
            v-for="(item, index) in list10"
            :key="index"
            @tap="tabSelect10"
            :data-id="item.num"
          >
            {{ item.name }}
          </view>
        </view>
        <view class="dpTab" v-if="TabCur5 == 1 && TabCur == 1" style="background-color: #f5f7f9">
          <view
            class="dpTab_item"
            :class="item.num == TabCur7 ? 'dpTab_item_cur' : ''"
            v-for="(item, index) in list7"
            :key="index"
            @tap="tabSelect7"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-show="TabCur7 == item.num"
            />
          </view>
        </view>
        <view class="dpTab" v-if="TabCur5 == 2 && TabCur6 == 1" style="background-color: #f5f7f9">
          <view
            class="dpTab_item"
            :class="item.num == TabCur4 ? 'dpTab_item_cur' : ''"
            v-for="(item, index) in list4"
            :key="index"
            @tap="tabSelect4"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-if="TabCur4 == item.num"
            />
          </view>
        </view>
        <view class="dpTab" v-if="TabCur5 == 2 && TabCur6 == 2" style="background-color: #f5f7f9">
          <view
            class="dpTab_item"
            :class="item.num == TabCur2 ? 'dpTab_item_cur' : ''"
            v-for="(item, index) in list2"
            :key="index"
            @tap="tabSelect2"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-if="TabCur2 == item.num"
            />
          </view>
        </view>
        <view class="dpTab" v-if="TabCur5 == 2 && TabCur6 == 3" style="background-color: #f5f7f9">
          <view
            class="dpTab_item"
            :class="item.num == TabCur3 ? 'dpTab_item_cur' : ''"
            v-for="(item, index) in list3"
            :key="index"
            @tap="tabSelect3"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-if="TabCur3 == item.num"
            />
          </view>
        </view>
        <view class="dpTab" v-if="TabCur5 == 2 && TabCur6 == 4" style="background-color: #f5f7f9">
          <view
            class="dpTab_item"
            :class="item.num == TabCur9 ? 'dpTab_item_cur' : ''"
            v-for="(item, index) in list9"
            :key="index"
            @tap="tabSelect9"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-if="TabCur9 == item.num"
            />
          </view>
        </view>
        <view class="dpTab" v-if="TabCur5 == 1 && TabCur == 3" style="background-color: #f5f7f9">
          <view
            class="dpTab_item"
            :class="item.num == TabCur8 ? 'dpTab_item_cur' : ''"
            v-for="(item, index) in list8"
            :key="index"
            @tap="tabSelect8"
            :data-id="item.num"
          >
            {{ item.name }}
            <image
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
              mode="widthFix"
              v-if="TabCur8 == item.num"
            />
          </view>
        </view>
      </view>
    </scroll-view>

    <scroll-view
      class="list"
      :style="'height: calc(100vh - ' + curTop + 'px );'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      style="background-color: #f5f7f9"
    >
      <view class="list_1" v-if="TabCur5 == 1 && TabCur == 1">
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 1)">
          <checkbox
            v-if="width == 290"
            style="margin-right: 10px; display: flex; align-items: center"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view class="" style="position: relative">
            <image
              class="bgimage"
              mode="aspectFit"
              :src="item.displayDiagram ? item.displayDiagram : imgUrl + item.houseImage"
            />
            <image
              class="shangb"
              src="https://pic.bangbangtongcheng.com/318a1d5fb5824c98818fc6caefa3dce3"
              v-if="item.delFlag == 1"
            />
            <image
              class="shangb"
              src="https://pic.bangbangtongcheng.com/3f01f28dceb6432996f5d833a0f1eca0"
              v-else-if="item.status == 1 && item.transactionType == 2"
            />
            <image
              class="shangb"
              src="https://pic.bangbangtongcheng.com/4b22965fc260405dbd08d500ec878283"
              v-else-if="item.status == 1 && item.transactionType == 1"
            />
            <image
              class="shangb"
              src="https://pic.bangbangtongcheng.com/cd7976b5de9e42bd8f51fff615f8a9e8"
              v-else-if="item.status == 0 && item.upStatus == 1"
            />
            <image
              class="shangb"
              src="https://pic.bangbangtongcheng.com/c528d690f47944849578078ef17b1165"
              v-else-if="item.upStatus == 0"
            />
          </view>
          <view class="li_1">
            <view class="tit">
              <span class="tagLabel">{{
                item.transactionType == 1 ? '出租房' : item.newOld == 1 ? '新房' : '二手房'
              }}</span>
              {{ item.title }}
            </view>
            <view class="neirong_1">
              <view class="neir_css">{{ item.region }}</view>
            </view>
            <view class="neirong_1">
              <view class="neir_css">{{ item.houseType || '' }}</view>
            </view>
            <view class="neirong_1">
              <view class="price neir_css" v-if="item.transactionType == 2"
                >{{ item.price }}万</view
              >
              <view class="price neir_css" v-if="item.transactionType == 1 && item.price <= 10000">
                {{ item.price }}元
              </view>
              <view class="price neir_css" v-if="item.transactionType == 1 && item.price > 10000">
                {{ item.price / 10000 }}万元
              </view>
              <view class="neir_css" style>{{ item.AREA || item.area }}㎡</view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 2 && TabCur6 == 1">
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 6)">
          <checkbox
            v-if="width == 290"
            style="margin-right: 10px; display: flex; align-items: center"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view class="" style="position: relative">
            <image class="bgimage" mode="aspectFit" :src="item.vehicleCoverPicture" />
            <img
              class="shangb"
              src="https://pic.bangbangtongcheng.com/static/yzx.png"
              v-if="item.isDelUser == 0"
            />
          </view>
          <view class="li_cy" :style="'width: ' + width + 'rpx'">
            <view class="li_cy_title">
              <span class="tagLabel">{{
                item.vehicleType == 1 ? '到店新车' : item.vehicleType == 2 ? '二手车' : '在售车系'
              }}</span>
              <text>{{ item.title }}</text>
              <!-- <span v-if="item.vehicleType==2">{{item.vehicleBrandModel.split('|')[0] + ' '}} {{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}} {{item.mileage<10000?item.mileage+"公里/":(item.mileage/10000).toFixed(1)+"万公里/"}} {{item.licensingTimeYear}}</span>
							<span v-else>{{item.vehicleBrandModel.split('|')[0] + ' '}} {{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/" }} {{item.model?item.model+'/':""}} {{item.bodyStructureDoors+"门"+item.bodyStructureSeat+"座"+item.bodyStructureVehicle+"车"}}</span> -->
            </view>
            <view class="li_cy_price" v-if="item.vehicleType == 3">
              {{ item.intervalPrice }}万
            </view>
            <view class="li_cy_price" v-else> {{ item.price }}万 </view>
            <view class="li_cy_time">
              {{
                item.createDate.split(' ')[0].split('-')[0] +
                '年' +
                item.createDate.split(' ')[0].split('-')[1] +
                '月' +
                item.createDate.split(' ')[0].split('-')[2] +
                '日'
              }}
            </view>
          </view>
        </view>
      </view>
      <view v-if="TabCur5 == 2 && TabCur6 == 2">
        <view class="list_2">
          <view
            class="li"
            v-for="(item, index) in Recommend"
            :key="index"
            @click="details(item, 7)"
          >
            <checkbox
              v-if="width == 290"
              style="margin-right: 10px; display: flex; align-items: center"
              :checked="item.active"
              :data-index="index"
              @click.stop="changeRadio"
            ></checkbox>
            <view class="" style="position: relative">
              <image class="bgimage" mode="aspectFit" :src="item.storeCoverImage" />
              <img
                class="shangb"
                src="https://pic.bangbangtongcheng.com/static/yzx.png"
                v-if="item.isDelUser == 0"
              />
            </view>
            <view class="li_cy" :style="'width: ' + width + 'rpx'">
              <view class="li_cy_title">
                {{ item.storeName }}
              </view>
              <view class="li_cy_address">
                {{ item.officeAddress }}
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_2" v-if="TabCur5 == 2 && TabCur6 == 3">
        <view
          @click="details(item, 3)"
          v-for="(item, index) in Recommend"
          :key="index"
          style="display: flex; align-items: center; margin-bottom: 30rpx"
        >
          <checkbox
            v-if="width == 290"
            style="display: flex; align-items: center; margin-left: 20rpx"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view class="mingpian">
            <view class="name">{{ item.userName || item.nikeName || '未命名用户' }}</view>
            <image
              class="img1"
              v-if="!item.image"
              src="https://pic.bangbangtongcheng.com/static/my/header.png"
            />
            <image class="img1" v-else :src="item.image" />
            <view class="img2">{{ item.isAgent == 1 ? '经纪人' : '个人' }}</view>
            <view class="xin">
              <image
                class="img3"
                v-for="item1 in Number(item.score)"
                :key="item1 + 's'"
                src="https://pic.bangbangtongcheng.com/static/xin_liang.png"
              />
              <image
                class="img3"
                v-for="item1 in 5 - item.score"
                :key="item1 + 'y'"
                src="https://pic.bangbangtongcheng.com/static/xin_hui.png"
              />
            </view>
            <view class="mingpian_right">
              <view class="">
                <image
                  class="img4"
                  @click.stop="chat(item.id, item.userName || item.nikeName, item.image)"
                  src="https://pic.bangbangtongcheng.com/static/xiaoxi_lan.png"
                />
                <image
                  class="img5"
                  @click.stop="getPhone(item.phone)"
                  src="https://pic.bangbangtongcheng.com/static/dianhua_lan.png"
                />
              </view>
            </view>
          </view>
        </view>
      </view>
      <view v-if="TabCur5 == 2 && TabCur6 == 4">
        <view class="list_2">
          <view
            class="li"
            v-for="(item, index) in Recommend"
            :key="index"
            @click="details(item, 9)"
          >
            <checkbox
              v-if="width == 290"
              style="margin-right: 10px; display: flex; align-items: center"
              :checked="item.active"
              :data-index="index"
              @click.stop="changeRadio"
            ></checkbox>
            <view class="" style="position: relative">
              <image class="bgimage" mode="aspectFit" :src="item.coverPhoto" />
              <img
                class="shangb"
                src="https://pic.bangbangtongcheng.com/static/yzx.png"
                v-if="item.isDelUser == 0"
              />
              <image
                class="shangb"
                src="https://pic.bangbangtongcheng.com/c528d690f47944849578078ef17b1165"
                v-else-if="item.upStatus == 0"
              />
            </view>
            <view class="li_fw" :style="'width: ' + width + 'rpx'">
              <view class="servicesAvailable">{{ item.title }}</view>
              <view class="serviceContent">
                {{ item.entryDescription }}
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_2" v-if="TabCur5 == 1 && TabCur == 3">
        <view
          @click="details(item, 3)"
          v-for="(item, index) in Recommend"
          :key="index"
          style="display: flex; align-items: center; margin-bottom: 30rpx"
        >
          <checkbox
            v-if="width == 290"
            style="display: flex; align-items: center; margin-left: 20rpx"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view class="mingpian">
            <view class="name">{{ item.userName || item.nikeName || '未命名用户' }}</view>
            <image
              class="img1"
              v-if="!item.image"
              src="https://pic.bangbangtongcheng.com/static/my/header.png"
            />
            <image class="img1" v-else :src="item.image" />
            <view class="img2">{{ item.isAgent == 1 ? '经纪人' : '个人' }}</view>
            <view class="xin">
              <image
                class="img3"
                v-for="item1 in Number(item.score)"
                :key="item1 + 's'"
                src="https://pic.bangbangtongcheng.com/static/xin_liang.png"
              />
              <image
                class="img3"
                v-for="item1 in 5 - item.score"
                :key="item1 + 'y'"
                src="https://pic.bangbangtongcheng.com/static/xin_hui.png"
              />
            </view>
            <view class="mingpian_right">
              <view class="">
                <image
                  class="img4"
                  @click.stop="chat(item.id, item.userName || item.nikeName, item.image)"
                  src="https://pic.bangbangtongcheng.com/static/xiaoxi_lan.png"
                />
                <image
                  class="img5"
                  @click.stop="getPhone(item.phone)"
                  src="https://pic.bangbangtongcheng.com/static/dianhua_lan.png"
                />
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 3">
        <view class="li2" v-for="(item, index) in Recommend" :key="index" @click="details(item, 8)">
          <view class="circle">
            <checkbox
              v-if="width == 290"
              style="margin-right: 10px; display: flex; align-items: center"
              :checked="item.active"
              :data-index="index"
              @click.stop="changeRadio"
            ></checkbox>
            <view class="circle_item" :style="'width: ' + (width + 324) + 'rpx'">
              <view class="mingpians">
                <view class="mingpians_left">
                  <view class="headPortrait" @click.stop="userfy(item)">
                    <image
                      class="img1"
                      v-if="!item.userInfo.image"
                      src="https://pic.bangbangtongcheng.com/static/my/header.png"
                    />
                    <image class="img1" :src="item.userInfo.image" v-else />
                    <view class="img2" v-if="item.userInfo.isShop == 1">商家</view>
                    <view
                      class="img2"
                      v-else-if="item.userInfo.isShop == 0 && item.userInfo.isAgent == 1"
                      >经纪人
                    </view>
                    <view class="img2" v-else>个人</view>
                  </view>
                  <view class="counselors">
                    <view class="counselors_top">
                      <view class="name">{{ item.userInfo.nikeName || '未命名用户' }}</view>
                    </view>
                  </view>
                </view>
                <view class="mingpians_right">
                  <!-- <view class="item">
										<image class="image1" v-if="item.whetherCollection==0" src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu.png"
											mode=""></image>
										<image v-else class="image1" src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu01.png" mode=""></image>
										<view class="">
											{{item.whetherCollection==0?"关注":"已关注"}}
										</view>
									</view> -->
                </view>
              </view>
              <view class="circle_center_wz">
                <view class="circle_center_wz_text">
                  {{ item.content }}
                </view>
                <view class="circle_center_wz_img">
                  <!-- 发布为图片 -->
                  <template v-if="item.picture">
                    <view v-if="item.pictureArr.length == 1">
                      <image
                        class="circle_center_wz_imgss"
                        :src="item.pictureArr[0]"
                        @click.stop="ViewImage(item.pictureArr, item.pictureArr[0])"
                        mode="heightFix"
                      ></image>
                    </view>
                    <view
                      :class="
                        item.pictureArr.length > 2
                          ? 'circle_center_wz_imgss_d'
                          : 'circle_center_wz_imgss_ds'
                      "
                      v-else
                    >
                      <image
                        class="image"
                        v-for="(i, j) in item.pictureArr"
                        :src="i"
                        :key="j"
                        mode="aspectFill"
                        @click.stop="ViewImage(item.pictureArr, item.pictureArr[j])"
                      ></image>
                    </view>
                  </template>
                  <!-- 发布为视频 -->
                  <template v-if="item.video">
                    <view class="circle_center_wz_img_vid" @click.stop="videoClick(item.video)">
                      <image
                        style="max-height: 290rpx; width: 100%"
                        :src="item.video + '?vframe/jpg/offset/0'"
                        mode="heightFix"
                      >
                      </image>
                      <image
                        class="images"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/mdlb-sp01.png"
                        mode=""
                      ></image
                      ><strong></strong>
                    </view>
                  </template>
                </view>
              </view>
              <view
                style="display: flex; align-items: center; margin: 0 30rpx; margin-top: 20rpx"
                @click.stop="openMap(item)"
                v-if="item.detailedAddress"
              >
                <image
                  style="width: 40rpx; height: 40rpx"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/dingwei01.png"
                  mode=""
                ></image>
                <span
                  style="flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
                  >{{ item.detailedAddress.slice(3, item.detailedAddress.length) }}</span
                >
              </view>
              <view class="circle_bottom">
                <view class="circle_left" v-if="width == 290">
                  {{
                    item.createDate.split(' ')[0].split('-')[0] +
                    '年' +
                    item.createDate.split(' ')[0].split('-')[1] +
                    '月' +
                    item.createDate.split(' ')[0].split('-')[2] +
                    '日'
                  }}
                </view>
                <view class="circle_left" v-else>
                  {{
                    item.createDate.split(' ')[0].split('-')[0] +
                    '年' +
                    item.createDate.split(' ')[0].split('-')[1] +
                    '月' +
                    item.createDate.split(' ')[0].split('-')[2] +
                    '日 ' +
                    item.createDate.split(' ')[1]
                  }}
                </view>
                <view class="circle_right">
                  <view class="circle_right_item">
                    <image
                      class="image2"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/eye01.png"
                      mode=""
                    >
                    </image
                    >{{ item.views }}
                  </view>
                  <view class="circle_right_item">
                    <image
                      class="image3"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dz01.png"
                      mode=""
                      v-if="item.whetherThumbsUp != 1"
                    ></image>
                    <image
                      class="image3"
                      src="https://pic.bangbangtongcheng.com/static/dz01.png"
                      mode=""
                      v-else
                    ></image>
                    {{ item.upThumb }}
                  </view>
                  <view class="circle_right_item">
                    <image
                      class="image3"
                      style="width: 38rpx; height: 36rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dc01.png"
                      mode=""
                      v-if="item.whetherThumbsDown != 1"
                    ></image>
                    <image
                      class="image3"
                      style="width: 38rpx; height: 36rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dc02.png"
                      mode=""
                      v-else
                    >
                    </image>
                    {{ item.downThumb }}
                  </view>
                  <view class="circle_right_item">
                    <image
                      class="image4"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/zf01.png"
                      mode=""
                    >
                    </image
                    >{{ item.forwardingVolume }}
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 1 && TabCur == 2">
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 2)">
          <checkbox
            v-if="width == 290"
            style="margin-right: 10px; display: flex; align-items: center"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view class="" style="position: relative">
            <image mode="aspectFit" class="img1" :src="imgUrl + item.image" />
            <img
              class="shangb"
              src="https://pic.bangbangtongcheng.com/static/yzx.png"
              v-if="item.isDelUser == 0"
            />
          </view>
          <view class="li_1" :style="'width: ' + width + 'rpx'">
            <view class="tit">{{ item.shopName }}</view>
            <view class="jiedao">地址：{{ item.shopArea + item.shopAddress }}</view>
            <view class="shijian">
              <span style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                >{{ item.houseNum || 0 }}套</span
              >
              <span v-if="item.isOpen == 1">开盘</span>
              <span v-if="item.isOpen == 0">未开盘</span>
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 1 && TabCur == 5">
        <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details(item, 5)">
          <checkbox
            v-if="width == 290"
            style="margin-right: 10px; display: flex; align-items: center"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view class="" style="position: relative">
            <image class="img1" mode="aspectFit" :src="imgUrl + item.showImg" />
            <image
              class="shangb"
              src="https://pic.bangbangtongcheng.com/static/zai.png"
              v-show="item.isOpen == 1"
            />
            <image
              class="shangb"
              src="https://pic.bangbangtongcheng.com/static/wei.png"
              v-show="item.isOpen == 0"
            />
            <img
              class="shangb"
              src="https://pic.bangbangtongcheng.com/static/yzx.png"
              v-if="item.isDelUser == 0"
            />
          </view>
          <view class="li_1" :style="'width: ' + width + 'rpx'">
            <view class="tit">{{ item.title }}</view>
            <view class="jiedao">地址：{{ item.address }}</view>
            <view class="shijian">
              <span>均价：</span>
              <span
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-if="item.averagePrice > 10000"
                >{{ (item.averagePrice / 10000) | nums }}万/㎡</span
              >
              <span
                style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
                v-else
                >{{
                  isNaN(item.averagePrice) ? item.averagePrice : item.averagePrice + '/㎡'
                }}</span
              >
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 4 && TabCur10 == 1">
        <view
          class="vacancy"
          v-for="(item, index) in Recommend"
          :key="index"
          @click="zpdetails(1, item)"
        >
          <checkbox
            v-if="width == 290"
            style="margin-right: 20rpx; display: flex; align-items: center"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view
            :style="'width:' + (width == 290 ? '590' : '670') + 'rpx;'"
            v-if="item.followCollections.collectionType != 10"
          >
            <view class="vehicleRecom">
              <span class="tagLabel">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
              <span>{{ item.title }}</span>
            </view>
            <view class="vacancy_center">
              <view class="vacancy_status">
                <view class="region">
                  <image
                    class="cardImageIcon"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/index-location.png">
                  </image>
                  {{ item.region }}
                </view>
                <view class="category">
                  <image
                    class="cardImageIcon"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/index-job.png">
                  </image>
                  {{ item.positionCategory }}
                </view>
              </view>
              <view class="vacancy_price" v-if="item.recruitmentType == 1">{{
                item.salaryRange == '面议' ? '面议' : item.salaryRange + '元'
              }}</view>
              <view class="vacancy_price" v-else
                >{{ item.salaryRange.split(',').join('') }}&emsp;{{ item.settlementMethod }}</view
              >
            </view>
            <view class="vacancy_biaoq" v-if="item.fringeBenefits">
              <view class="vacancy_label">
                <view class="shade"> </view>
                <view class="label" v-for="(i, j) in item.fringeBenefits.split(',')" :key="j"
                  >{{ i }}
                </view>
              </view>
              <view class="gend" v-if="item.fringeBenefits.split(',').length > 4">
                <image
                  src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                >
                </image>
              </view>
            </view>
            <view class="personalInformation" v-if="item.userInformation">
              <view class="personalInformation_left">
                <view class="GR">
                  <image
                    class="personalInformation_image"
                    v-if="item.userInformation.image"
                    :src="item.userInformation.image"
                    mode=""
                  ></image>
                  <image
                    class="personalInformation_image"
                    v-else
                    src="https://pic.bangbangtongcheng.com/static/my/header.png"
                    mode=""
                  ></image>
                  <!-- 									<span class="name">{{
                    item.userInformation.nikeName
                      ? item.userInformation.nikeName
                      : "未命名用户"
                  }}</span> -->
                </view>
              </view>
              <view style="margin-left: 10rpx">
                <image
                  class="qy-gr-label"
                  v-if="item.enterpriseName"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-label-qiye.png"
                >
                </image>
                <image
                  class="qy-gr-label"
                  v-else
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-label-geren.png"
                >
                </image>
              </view>
              <view class="personalInformation_right">
                <view class="GS" v-if="item.enterpriseName">
                  <span class="corporation over-text">{{ item.enterpriseName }}</span>
                  <span class="personalInformation_distance" v-if="item.distance">
                    <image
                      class="cardImageIcon"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/index-target.png"
                    >
                    </image>
                    {{ item.distance }}km
                  </span>
                </view>
                <view class="GR" v-else>
                  <span class="name">{{
                    item.userInformation.nikeName ? item.userInformation.nikeName : '未命名用户'
                  }}</span>
                  <!-- <span class="personalInformation_Time">
										{{ $Time.getDateDiff(item.createDate) }}
									</span> -->
                  <span class="personalInformation_distance" v-if="item.distance">
                    <image
                      class="cardImageIcon"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/index-target.png"
                    >
                    </image>
                    {{ item.distance }}km
                  </span>
                </view>
              </view>
              <!-- 							<view class="personalInformation_right">
								<span class="personalInformation_Time">{{
                  $Time.getDateDiff(item.createDate)
                }}</span>
								<span class="personalInformation_distance"
									v-if="item.distance">{{ item.distance }}km</span>
							</view> -->
            </view>
          </view>
          <view class="list_1_item" v-else>
            <image class="list_1_item_left" :src="item.organRecruit.image" mode="scaleToFill" />
            <view class="list_1_item_right">
              <view class="vehicleRecom">
                <span class="tagLabel">机关招聘</span>
                <span>{{ item.organRecruit.title }}</span>
              </view>
              <view class="list_1_item_time" v-if="item.organRecruit.createDate">
                发布日期:{{ item.organRecruit.createDate.split(' ')[0] }}
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="list_1" v-if="TabCur5 == 4 && TabCur10 == 2">
        <view
          class="resume"
          v-for="(item, index) in Recommend"
          :key="index"
          @click="zpdetails(2, item)"
        >
          <checkbox
            v-if="width == 290"
            style="margin-right: 20rpx; display: flex; align-items: center"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view :style="'width:' + (width == 290 ? '618' : '690') + 'rpx;'">
            <view class="title" :style="'color:' + (item.active ? '#adadad' : '#333333')">
              {{ item.resumeTitle }}
            </view>
            <view class="occupation">
              <span
                class="occupation_text"
                :key="index1"
                v-for="(item1, index1) in item.intendedPosition.split(',')"
                >{{ item1 }}</span
              >
            </view>
            <view class="hands-on">
              <span>{{ item.experienceYears }}工作经验·</span>
              <span>{{ item.highestEducation.split(' ')[0] }}</span>
            </view>
            <view class="individual" v-if="item.userInformation">
              <view class="individual_left">
                <view class="name">
                  {{ item.userInformation.nikeName ? item.userInformation.nikeName : '未命名用户' }}
                </view>
                <text
                  class="vip-rank"
                  :style="{
                    color: $member.colors()[item.userInformation.memberLevel - 1].wordColor,
                    backgroundColor: $member.colors()[item.userInformation.memberLevel - 1].bgColor,
                    borderColor: $member.colors()[item.userInformation.memberLevel - 1].lineColor,
                  }"
                >
                  {{ $member.colors()[item.userInformation.memberLevel - 1].level }}
                </text>
              </view>
              <view class="individual_right" v-if="item.latitude && item.distance">
                {{ item.distance }}km
              </view>
            </view>
          </view>
        </view>
      </view>
      <!-- 关注企业 -->
      <view class="list_1" v-if="TabCur5 == 4 && TabCur10 == 3">
        <view
          class="enterpriseItem"
          v-for="(item, index) in Recommend"
          :key="item.id"
          @click="enterpriseDetails(item)"
        >
          <checkbox
            v-if="width == 290"
            style="margin-right: 20rpx; display: flex; align-items: center"
            :checked="item.active"
            :data-index="index"
            @click.stop="changeRadio"
          ></checkbox>
          <view :style="'width:' + (width == 290 ? '580' : '636') + 'rpx;'">
            <view class="enterpriseItemTitle">{{ item.enterpriseName || '' }}</view>
            <view class="enterpriseItemInfo">
              <view>
                <image
                  src="https://pic.bangbangtongcheng.com/static/bbzc/enterprise-job.png"
                ></image>
                公司规模：{{ item.companySize || '' }}
              </view>
              <view>
                <image src="https://pic.bangbangtongcheng.com/static/bbzc/enterprise-industry.png">
                </image>
                所属行业：{{ item.affiliationIndustry || '' }}
              </view>
            </view>
            <view class="vacancy_biaoq" v-if="item.welfareBenefits">
              <view class="vacancy_label">
                <view class="shade"> </view>
                <view class="label" v-for="(i, j) in item.welfareBenefits.split(',')" :key="j"
                  >{{ i }}
                </view>
              </view>
              <view class="gend" v-if="item.welfareBenefits.split(',').length > 4">
                <image
                  src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                >
                </image>
              </view>
            </view>
            <view style="height: 2rpx; background: #ebebed; margin: 25rpx 0rpx"></view>
            <view class="enterpriseItemInfoBottom">
              <view>{{ '在招职位：' + (item.inRecruitmentPosition || '0') + '个' }} </view>
              <view style="border-left: 2rpx solid #ebebed"></view>
              <view>{{ '新招职位：(七日内)' + (item.newPosition || '0') + '个' }}</view>
            </view>
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
    </scroll-view>
    <view class="bot" v-if="width == 290">
      <checkbox
        style="top: 34rpx; left: 30rpx; position: relative"
        :checked="checked"
        @click="allChecked()"
      >
      </checkbox>
      <span style="position: absolute; top: 40rpx; left: 90rpx">全选</span>
      <view class="bot_4" @click="xiajiao">取消收藏</view>
    </view>
    <view class="zbc" @click="guan" v-if="zbc">
      <view @click.stop="a" class="shangjia" v-if="shangjia">
        <view class="li_1">确定要取消收藏吗？</view>
        <view class="li_2" @click="guan">取消</view>
        <view class="li_3" @click="cancel">确定</view>
      </view>
    </view>
    <previewImgV ref="previewImgV"></previewImgV>
    <uniBall></uniBall>
  </view>
</template>
<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = 96
  //  #endif
  import previewImgV from '@/components/previewImgV.vue'
  export default {
    data() {
      return {
        events: [],
        width: 366,
        text: '管理',
        TabCur: 1,
        zbc: false,
        shangjia: false,
        statusBarHeight,
        list: [
          {
            num: 1,
            name: '房源',
          },
          {
            num: 2,
            name: '店铺',
          },
          {
            num: 3,
            name: '用户',
          },
          // {
          // 	num: 4,
          // 	name: "帮友圈"
          // },
          {
            num: 5,
            name: '楼盘',
          },
        ],
        list2: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '4S店',
          },
          {
            num: 3,
            name: '汽贸店',
          },
          {
            num: 4,
            name: '美容装饰',
          },
          {
            num: 5,
            name: '汽车维修',
          },
        ],
        list3: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '个人用户',
          },
          {
            num: 3,
            name: '经纪人',
          },
        ],
        list4: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '到店新车',
          },
          {
            num: 3,
            name: '二手车',
          },
          {
            num: 4,
            name: '车系',
          },
        ],
        list5: [
          {
            num: 1,
            name: '房产',
          },
          {
            num: 2,
            name: '车主',
          },
          {
            num: 4,
            name: '招聘',
          },
          {
            num: 3,
            name: '帮友圈',
          },
        ],
        list6: [
          {
            num: 1,
            name: '车源',
          },
          {
            num: 2,
            name: '店铺',
          },
          {
            num: 4,
            name: '服务项目',
          },
          {
            num: 3,
            name: '用户',
          },
        ],
        list7: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '新房',
          },
          {
            num: 3,
            name: '二手房',
          },
          {
            num: 4,
            name: '出租房',
          },
        ],
        list8: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '个人用户',
          },
          {
            num: 3,
            name: '经纪人',
          },
        ],
        list9: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '美容装饰',
          },
          {
            num: 3,
            name: '维修保养',
          },
        ],
        list10: [
          {
            num: 1,
            name: '职位',
          },
          // {
          //   num: 2,
          //   name: "简历",
          // },
          {
            num: 3,
            name: '企业',
          },
        ],
        scrollLeft: 0,
        Recommend: [],
        pageSize: 10,
        pageNo: 1,
        trigger: false,
        downStatus: true,
        upStatus: true,
        imgUrl: this.$imgSrc,
        userInfo: uni.getStorageSync('Pduser'),
        picker: [],
        checked: false,
        curTop: 300,
        safeBottom: 0,
        TabCur2: 1,
        TabCur3: 1,
        TabCur4: 1,
        TabCur5: 1,
        TabCur6: 1,
        TabCur7: 1,
        TabCur8: 1,
        TabCur9: 1,
        TabCur10: 1,
      }
    },
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
      setPageBackSize(){
        return `background-size: 100% calc(${this.statusBarHeight1}px + 88rpx + 90rpx)`
      },
    },
    components: {
      previewImgV: previewImgV,
    },
    async onPullDownRefresh() {
      this.Recommend = []
      this.pageNo = 1
      this.downStatus = true
      if (this.upStatus) {
        this.trigger = true
        await this.paging()
      }
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
      images(url) {
        let arr = url.split('')
        if (arr[0] == '/') {
          return this.imgUrl + url
        } else {
          return url
        }
      },
    },
    onLoad() {
      for (let i = 1; i < 11; i++) {
        this.picker.push(i + '天')
      }
      this.paging()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
    },
	onShow(){
		this.Recommend = []
		this.paging()
	},
    methods: {
      enterpriseDetails(item) {
        uni.navigateTo({
          url: `/pages_recruitMoney/recruitmentDetails/companyDetails?userId=${item.userId}`,
        })
      },
      async userfy(item) {
        if (!this.showLogin()) {
          return
        }
        let yy = await this.getjjr(item.userInfo.id)
        if (yy.delFlag == 1) return
        if (yy.businessType == 1 && yy.shopType == 2 && yy.isShop == 1) {
          if (!yy.buildingId) {
            uni.showToast({
              title: '该商家还未发布楼盘！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + yy.buildingId,
          })
          return
        }
        if (yy.businessType == 0 && yy.enterpriseRecruitmentStatus == 1) {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + yy.id,
          })
          return
        }
        uni.navigateTo({
          url: '/pages_owner/dealer/goldConsultant?userId=' + item.userInfo.id,
        })
      },
      async getjjr(id) {
        let that = this
        let data = {}
        await this.$myRequest
          .get('/api/mobile/public/getPersonalHome', {
            otherId: id,
            ownerId: this.userInfo.id,
          })
          .then((res) => {
            data = res.personalHomeData
          })
        return data
      },
      videoClick(e) {
        this.$refs.previewImgV.open(e)
      },
      a() {},
      ViewImage(urls, url) {
        uni.previewImage({
          urls: urls,
          current: url,
        })
      },
      guan() {
        this.zbc = false
        this.shangjia = false;
        this.bianji();
      },
      bianji() {
        if (this.text == '管理') {
          this.text = '完成'
          this.width = 290
          this.allChecked(false);
        } else {
          this.text = '管理'
          this.width = 366
        }
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      chat(receiver, nikeName, img) {
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${receiver}&img=${img}&nikeName=${nikeName}`,
        })
      },
      allChecked(type) {
        this.checked = type !== undefined ? type : !this.checked
        if (this.checked) {
          this.Recommend.forEach((el) => {
            el.active = true
          })
        } else {
          this.Recommend.forEach((el) => {
            el.active = false
          })
        }
      },
      openMap(item) {
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(item.latitude), //目的地latitude
                longitude: Number(item.longitude), //目的地longitude
                // name: that.data.title,
                // address: that.data.address,
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(item.latitude),
          longitude: Number(item.longitude),
          name: item.detailedAddress,
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      async getPhone(phone) {
        this.onphone(phone)
      },
      onphone(phone) {
        uni.makePhoneCall({
          // 手机号
          phoneNumber: phone,
          // 成功回调
          success: (res) => {
            console.log('调用成功!')
          },

          // 失败回调
          fail: (res) => {
            console.log('调用失败!')
          },
        })
      },
      xiajiao() {
        let that = this
        let arr1 = []
        let arr = this.Recommend.filter((el) => {
          if (el.active) {
            arr1.push(el.id)
          }
          return el.active
        })
        console.log(arr)
        if (arr.length == 0) {
          uni.showToast({
            title: '请选择收藏记录',
            icon: 'none',
            mask: true,
          })
          return
        }
        this.zbc = true
        this.shangjia = true
      },
      cancel() {
        console.log('cancel')
        let that = this
        let arr1 = []
        if (this.TabCur5 == 1) {
          let arr = this.Recommend.filter((el) => {
            if (el.active) {
              arr1.push(el.id)
            }
            return el.active
          })
          if (!arr.length) {
            uni.showToast({
              title: '请选择收藏记录',
              icon: 'none',
              mask: true,
            })
            return
          }
        } else if (this.TabCur5 == 4) {
          let arr = this.Recommend.filter((el) => {
            if (el.active) {
              console.log('Recommend', el)
              //请不要修改返回值
              // arr1.push(el.followCollections.id);
              arr1.push(el.id)
            }
            return el.active
          })
          if (!arr.length) {
            uni.showToast({
              title: '请选择收藏记录',
              icon: 'none',
              mask: true,
            })
            return
          }
        } else {
          let arr = this.Recommend.filter((el) => {
            if (el.active) {
              arr1.push(el.collectionAttention.id)
            }
            return el.active
          })
          if (!arr.length) {
            uni.showToast({
              title: '请选择收藏记录',
              icon: 'none',
              mask: true,
            })
            return
          }
        }
        if (this.TabCur5 == 1) {
          this.cancelfy(String(arr1))
        } else if (this.TabCur5 == 4) {
          this.zpguanzhu(String(arr1))
        } else {
          this.guanzhu(String(arr1))
        }
        this.bianji();
      },
      //取消房源收藏
      cancelfy(arr1) {
        let that = this
        this.$myRequest
          .post('/mob/user/delUserCollection', {
            type: 1,
            userId: this.userInfo.id,
            cbType: this.TabCur,
            ids: arr1,
            delType: 2,
          })
          .then((res) => {
            uni.showToast({
              title: '取消收藏!',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.bianji()
              that.guan()
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 200)
          })
      },
      // 取消车源关注
      guanzhu(arr1) {
        let that = this
        this.$myRequest
          .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
            ids: arr1,
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.bianji()
              that.guan()
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 200)
          })
      },
      // 取消招聘关注
      zpguanzhu(arr1) {
        console.log('zpguanzhu', arr1)
        const arr = this.Recommend.filter(v => v.active).map(v => v.followCollections && v.followCollections.id || v.id).join(',');
        let that = this
        this.$myRequest
          .post('/api/mobile/public/favoriteFollowOrCancelFavoriteFollow', {
            // ids: arr1,
            ids: arr, // arr1 取的是招聘ID，我也不知道为什么这么改，就不动他了
            collectorId: this.userInfo.id,
            collectionType: 7
          })
          .then((res) => {
            uni.showToast({
              title: '操作成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.bianji()
              that.guan()
              that.Recommend = []
              that.pageNo = 1
              that.downStatus = true
              that.upStatus = true
              that.paging()
            }, 200)
          })
      },
      tabSelect(e) {
        this.TabCur = e.currentTarget.dataset.id
        this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect2(e) {
        this.TabCur2 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect3(e) {
        this.TabCur3 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect9(e) {
        this.TabCur9 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect4(e) {
        this.TabCur4 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect5(e) {
        this.TabCur5 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect6(e) {
        this.TabCur6 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect10(e) {
        this.TabCur10 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect7(e) {
        this.TabCur7 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      tabSelect8(e) {
        this.TabCur8 = e.currentTarget.dataset.id
        this.text = '管理'
        this.width = 366
        this.checked = false
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.upStatus = true
        this.paging()
      },
      // 分页
      paging() {
        this.$myRequest.cancel()
        if (this.TabCur5 == 1) {
          this.getRecommend()
        } else if (this.TabCur5 == 2) {
          if (this.TabCur6 == 1) {
            this.carSourceList()
          } else if (this.TabCur6 == 2) {
            this.carSourceStoreList()
          } else if (this.TabCur6 == 3) {
            this.carBrokerList()
          } else if (this.TabCur6 == 4) {
            // 查找收藏服务
            this.carServicerList()
          }
        } else if (this.TabCur5 == 3) {
          this.carFriendsList()
        } else if (this.TabCur5 == 4) {
          if (this.TabCur10 == 1) {
            this.recruitmentCollectionList()
          } else if (this.TabCur10 == 2) {
            this.resumeCollectionList()
          } else if (this.TabCur10 == 3) {
            this.getEnterpriseList()
          }
        }
      },
      // 获取收藏企业列表
      getEnterpriseList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyEnterpriseFollowCollections', {
            userId: this.userInfo.id,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
            businessType: 4,
          })
          .then((res) => {
            if (res.enterpriseFollowCollections.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.enterpriseFollowCollections.pageList.forEach((el) => {
              el.active = false
            })
            this.Recommend = this.Recommend.concat(res.enterpriseFollowCollections.pageList)
            uni.stopPullDownRefresh()

            // this.$nextTick(function() {
            // 	uni
            // 		.createSelectorQuery()
            // 		.in(this)
            // 		.select(".list")
            // 		.boundingClientRect((result) => {
            // 			if (result) {
            // 				that.curTop = result.top;
            // 			}
            // 		})
            // 		.exec();
            // });
          })
      },
      // 获取简历收藏列表
      resumeCollectionList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyResumeFollowCollections', {
            userId: this.userInfo.id,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
            businessType: 4,
          })
          .then((res) => {
            if (res.resumeFollowCollections.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.resumeFollowCollections.pageList.forEach((el) => {
              el.active = false
            })
            this.Recommend = this.Recommend.concat(res.resumeFollowCollections.pageList)
            uni.stopPullDownRefresh()

            this.$nextTick(function () {
              uni
                .createSelectorQuery()
                .in(this)
                .select('.list')
                .boundingClientRect((result) => {
                  if (result) {
                    that.curTop = result.top
                  }
                })
                .exec()
            })
          })
      },
      // 获取招聘列表
      recruitmentCollectionList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/public/getMyRecruitFollowCollections', {
            userId: this.userInfo.id,
            recruitmentType: '',
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.recruitFollowCollections.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.recruitFollowCollections.pageList.forEach((el) => {
              el.active = false
            })
            this.Recommend = this.Recommend.concat(res.recruitFollowCollections.pageList)
            uni.stopPullDownRefresh()

            this.$nextTick(function () {
              uni
                .createSelectorQuery()
                .in(this)
                .select('.list')
                .boundingClientRect((result) => {
                  if (result) {
                    that.curTop = result.top
                  }
                })
                .exec()
            })
          })
      },
      // 获取服务收藏列表
      carServicerList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getMyServiceItemsCollectionAttention', {
            userId: this.userInfo.id,
            serviceItemType: this.TabCur9 == 1 ? '' : this.TabCur9 - 1,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.ServiceItemsCollectionAttentionList.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.ServiceItemsCollectionAttentionList.pageList.forEach((el) => {
              el.active = false
            })
            this.Recommend = this.Recommend.concat(res.ServiceItemsCollectionAttentionList.pageList)
            uni.stopPullDownRefresh()

            this.$nextTick(function () {
              uni
                .createSelectorQuery()
                .in(this)
                .select('.list')
                .boundingClientRect((result) => {
                  if (result) {
                    that.curTop = result.top
                  }
                })
                .exec()
            })
          })
      },
      // 获取车源关注列表
      carSourceList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getMyVehicleCollectionAttention', {
            userId: this.userInfo.id,
            vehicleType: this.TabCur4 == 1 ? '' : this.TabCur4 - 1,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.vehicleCollectionAttentionList.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.vehicleCollectionAttentionList.pageList.forEach((el) => {
              el.active = false
            })
            this.Recommend = this.Recommend.concat(res.vehicleCollectionAttentionList.pageList)
            uni.stopPullDownRefresh()

            this.$nextTick(function () {
              uni
                .createSelectorQuery()
                .in(this)
                .select('.list')
                .boundingClientRect((result) => {
                  if (result) {
                    that.curTop = result.top
                  }
                })
                .exec()
            })
          })
      },
      // 获取车辆店铺收藏列表
      carSourceStoreList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getMyDistributorCollectionAttention', {
            userId: this.userInfo.id,
            storeType: this.TabCur2 == 1 ? '' : this.TabCur2 - 1,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.distributorCollectionAttentionList.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.distributorCollectionAttentionList.pageList.forEach((el) => {
              el.active = false
            })
            this.Recommend = this.Recommend.concat(res.distributorCollectionAttentionList.pageList)
            uni.stopPullDownRefresh()

            this.$nextTick(function () {
              uni
                .createSelectorQuery()
                .in(this)
                .select('.list')
                .boundingClientRect((result) => {
                  if (result) {
                    that.curTop = result.top
                  }
                })
                .exec()
            })
          })
      },
      // 获取车辆经纪人收藏列表
      carBrokerList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getMyUserCollectionAttention', {
            userId: this.userInfo.id,
            customerType: this.TabCur3 == 1 ? '' : this.TabCur3 - 1,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.userCollectionAttentionList.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.userCollectionAttentionList.pageList.forEach((el) => {
              el.active = false
            })
            this.Recommend = this.Recommend.concat(res.userCollectionAttentionList.pageList)
            uni.stopPullDownRefresh()
            this.$nextTick(function () {
              uni
                .createSelectorQuery()
                .in(this)
                .select('.list')
                .boundingClientRect((result) => {
                  if (result) {
                    that.curTop = result.top
                  }
                })
                .exec()
            })
          })
      },
      // 获取车辆帮友圈收藏列表
      carFriendsList() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getMyHelpingFriendsCircleCollectionAttention', {
            userId: this.userInfo.id,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            if (res.helpingFriendsCircleList.pageList.length < 10) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.helpingFriendsCircleList.pageList.forEach((el) => {
              el.active = false
              if (el.picture) {
                let arr = el.picture.split('|')
                let pictureArr = []
                arr.forEach((el) => {
                  pictureArr.push(el)
                })
                el.pictureArr = pictureArr
              }
            })
            this.Recommend = this.Recommend.concat(res.helpingFriendsCircleList.pageList)
            uni.stopPullDownRefresh()

            this.$nextTick(function () {
              uni
                .createSelectorQuery()
                .in(this)
                .select('.list')
                .boundingClientRect((result) => {
                  if (result) {
                    that.curTop = result.top
                  }
                })
                .exec()
            })
          })
      },
      zpdetails(index, item) {
        if (index == 1) {
          if (item.deleteFlag == 1 || item.shelfStatus == 0) {
            uni.showToast({
              title: '该招聘已下架',
              icon: 'none',
              mask: true,
            })
            return
          }
          if (item.followCollections && item.followCollections.collectionType == 10) {
            uni.navigateTo({
              url:
                '/pages_recruitMoney/organizationRecruit/details?id=' +
                item.followCollections.relationId,
            })
          } else if (item.recruitmentType == '1') {
            uni.navigateTo({
              url: '/pages_recruitMoney/recruitmentDetails/fullTime?id=' + item.id,
            })
          } else {
            uni.navigateTo({
              url: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + item.id,
            })
          }
        } else {
          if (item.deleteFlag == 1 || item.shelfStatus == 0) {
            uni.showToast({
              title: '该简历已下架',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/resumeDetails?id=' + item.id,
          })
        }
      },
      details(item, type) {
        if (type == 1) {
          if (item.delFlag == 1 || item.upStatus == 0 || item.status == 1) {
            uni.showToast({
              title: '该房源已不存在或已租售',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/housing/used/houseDetails?id=' + item.id,
          })
        } else if (type == 2) {
          if (item.isDelUser == 0) {
            uni.showToast({
              title: '该店铺已不存在',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_intermediary/shopDetails?id=' + item.id,
          })
        } else if (type == 3) {
          if (item.businessType == 1) {
            uni.navigateTo({
              url: '/pages_owner/dealer/goldConsultant?userId=' + item.id,
            })
          } else {
            if (item.delFlag == 1) {
              uni.showToast({
                title: '该用户已注销',
                icon: 'none',
                mask: true,
              })
              return
            }
            uni.navigateTo({
              url: '/pages_owner/dealer/goldConsultant?userId=' + item.id,
            })
          }
        } else if (type == 5) {
          if (item.isDelUser == 0) {
            uni.showToast({
              title: '该楼盘已不存在',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + item.id,
          })
        } else if (type == 6) {
          if (item.deleteFlag == 1 || item.shelfStatus == 0) {
            uni.showToast({
              title: '该车源已下架',
              icon: 'none',
              mask: true,
            })
            return
          }
          if (item.vehicleType == 3) {
            uni.navigateTo({
              url: '/pages_owner/index/carSeriesDetails?id=' + item.id,
            })
          } else {
            uni.navigateTo({
              url: '/pages_owner/index/vehicleDetails?id=' + item.id,
            })
          }
        } else if (type == 7) {
          if (item.deleteFlag == 1) {
            uni.showToast({
              title: '该店铺已注销',
              icon: 'none',
              mask: true,
            })
            return
          }
          if (item.stroeType == 1 || item.stroeType == 2) {
            uni.navigateTo({
              url: '/pages_owner/dealer/dealerDetails?id=' + item.id,
            })
          } else {
            uni.navigateTo({
              url: '/pages_owner/ownerService/ownerServiceDetails?id=' + item.id,
            })
          }
        } else if (type == 9) {
          if (item.deleteFlag == 1) {
            uni.showToast({
              title: '该服务已删除',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_owner/ownerService/servicesAvailableDetails?id=' + item.id,
          })
        } else {
          if (item.deleteFlag == 1) {
            uni.showToast({
              title: '该帮友圈已删除',
              icon: 'none',
              mask: true,
            })
            return
          } else if (item.userInfo.delFlag == 1) {
            uni.showToast({
              title: '该用户已注销',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_owner/my/friendsCircleDetails?id=' + item.id,
          })
        }
      },
      async up() {
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        if (this.upStatus) {
          this.trigger = true
          await this.paging()
        }
      },
      getRecommend() {
        let that = this
        this.upStatus = false
        let obj = {}
        obj = {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          userId: this.userInfo.id,
          type: 1,
          cbType: this.TabCur,
        }
        if (this.TabCur5 == 1 && this.TabCur == 1) {
          if (this.TabCur7 == 2) {
            // 查新房
            obj.newOld = 1
            obj.transactionType = 2
          } else if (this.TabCur7 == 3) {
            // 查二手房
            obj.newOld = 2
            obj.transactionType = 2
          } else if (this.TabCur7 == 4) {
            // 查出租房
            obj.transactionType = 1
          }
        }
        if (this.TabCur5 == 1 && this.TabCur == 3) {
          if (this.TabCur8 == 2) {
            obj.isAgent = 0
          } else if (this.TabCur8 == 3) {
            obj.isAgent = 1
          }
        }
        this.$myRequest.get('/mob/user/getUserCollection', obj).then((res) => {
          if (res.page.list.length < 10) {
            this.downStatus = false
          }
          this.upStatus = true
          this.trigger = false
          res.page.list.forEach((el) => {
            el.active = false
            if (el.hasOwnProperty('houseImage')) {
              el.houseImage = el.houseImage.split('|')[0]
            }
            if (this.TabCur == 4) {
              el.image = el.showImg.split('|')[0]
            }
            if (el.hasOwnProperty('image')) {
              el.image = el.image.split('|')[0]
            }
          })
          this.Recommend = this.Recommend.concat(res.page.list)
          uni.stopPullDownRefresh()

          this.$nextTick(function () {
            uni
              .createSelectorQuery()
              .in(this)
              .select('.list')
              .boundingClientRect((result) => {
                if (result) {
                  that.curTop = result.top
                }
              })
              .exec()
          })
        })
      },

      changeRadio(e) {
        let index = e.currentTarget.dataset.index
        this.Recommend[index].active = !this.Recommend[index].active
        if (this.checked) {
          this.Recommend.forEach((v) => {
            if (!v.active) {
              this.checked = false
            }
          })
        }
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
    },
  }
</script>
<style lang="less" scoped>
  page {
    background: #f5f7f9;
  }

  .shangb {
    position: absolute;
    /* top: 0px; */
    left: 0;
    width: 104rpx;
    height: 85rpx;
  }

  .bgimage {
    width: 300rpx;
    height: 200rpx;
  }

  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10;

    .tan {
      position: absolute;
      width: 600rpx;
      height: 420rpx;
      background-color: #fff;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 10rpx;
      overflow: hidden;

      .li_1 {
        margin-left: 32rpx;
        margin-top: 60rpx;
        font-weight: 600;
        font-size: 30rpx;
      }

      .li_2 {
        font-size: 30rpx;
        margin-left: 32rpx;
        margin-top: 30rpx;

        view {
          display: inline-block;
          font-weight: 600;
          font-size: 30rpx;
        }

        .xuan {
          position: relative;
          width: 160rpx;
          height: 60rpx;
          background: #ffffff;
          border: 2rpx solid #64b6a8;
          border-radius: 37rpx;
          line-height: 60rpx;
          color: #64b6a8;
          text-indent: 16rpx;
        }

        .xuan::before {
          position: absolute;
          top: 20rpx;
          right: 30rpx;
          content: '';
          border-color: #fff #fff #64b6a8 #fff;
          border-style: solid;
          border-width: 0rpx 8rpx 14rpx 8rpx;
          height: 0;
          width: 0;
        }
      }

      .li_3 {
        width: 536rpx;
        font-size: 24rpx;
        margin-left: 32rpx;
        color: #ea4b4b;
        margin-top: 40rpx;
      }

      .li_4 {
        position: absolute;
        font-size: 30rpx;
        width: 300rpx;
        height: 90rpx;
        background: #f2f2f2;
        bottom: 0;
        left: 0;
        text-align: center;
        line-height: 90rpx;
      }

      .li_5 {
        position: absolute;
        font-size: 30rpx;
        width: 300rpx;
        height: 90rpx;
        background: #64b6a8;
        bottom: 0;
        right: 0;
        text-align: center;
        line-height: 90rpx;
        color: #fff;
      }
    }

    .shangjia {
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);

      .li_1 {
        width: 100%;
        font-size: 34rpx;
        font-weight: 600;
        margin-left: 165rpx;
        margin-top: 80rpx;
      }

      .li_2 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
        margin-top: 58rpx;
        margin-left: 118rpx;
      }

      .li_3 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
        margin-top: 58rpx;
        margin-left: 46rpx;
      }
    }
  }

  page {
    // background-color: #fff;
  }

  .box {
    width: 100%;
    min-height: 100vh;
    padding-bottom: calc(env(safe-area-inset-bottom) / 2);
    //background-color: #fff;
    background-image: url(https://pic.bangbangtongcheng.com/static/shoucang-gaunzhu.png);
    background-repeat: no-repeat;
    background-size: 100% 262rpx;
  }

  .heads {
    padding: 0 5%;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 90%;
    /* #ifdef MP-WEIXIN */
    width: 70%;
    padding-right: 25%;

    /* #endif */
    .backs {
      width: 32rpx;
      height: 32rpx;
      bottom: -4rpx !important;
    }

    .toptitles {
      font-weight: 500;
      font-size: 32rpx;
      color: #000000;
      width: 200rpx;
      text-align: left;
    }

    .remove {
      // width: 123rpx;
      // height: 48rpx;
      // border-radius: 6rpx;
      // border: 1px solid #ffffff;
      // text-align: center;
      // line-height: 48rpx;
      // color: #fff;
      font-size: 24rpx;
      color: #0fa291;
      border-radius: 22rpx;
      border: 2rpx solid #0fa291;
      width: 130rpx;
      //height: 40rpx;
      line-height: 40rpx;
      text-align: center;
      margin-right: 30rpx;
      //margin-top: 24rpx;
    }
  }

  .tou {
    position: relative;
    width: 100%;
    // height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 36rpx;
    color: #fff;
    background-color: #64b6a8;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      // top: 116rpx;
      left: 30rpx;
    }

    .image2 {
      position: absolute;
      width: 56rpx;
      height: 56rpx;
      // top: 104rpx;
      right: 30rpx;
    }

    p {
      position: absolute;
      // top: 90rpx;
      line-height: 45rpx;
      bottom: 21rpx;
      right: 30rpx;
      font-size: 32rpx;
      color: #fff;
    }

    .remove {
      width: 123rpx;
      height: 48rpx;
      border-radius: 6rpx;
      border: 1px solid #ffffff;
      text-align: center;
      line-height: 48rpx;
    }
  }

  .bot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    z-index: 9;

    view {
      display: inline-block;
      position: absolute;
    }

    .bot_1 {
      left: 42rpx;
      top: 38rpx;
    }

    .bot_4 {
      width: 200rpx;
      height: 70rpx;
      background: #64b6a8;
      color: #ffffff;
      line-height: 68rpx;
      left: 520rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;
    }
  }

  .list_1 {
    margin-top: 4rpx;
    margin: 0rpx 20rpx;
    width: 710rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .resume {
      width: 690rpx;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 1px solid #e0e0e0;
      display: flex;
      align-items: center;

      .title {
        font-size: 28rpx;
        font-weight: 550;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
        margin-bottom: 16rpx;
      }

      .occupation {
        display: flex;
        align-items: center;
        margin-bottom: 16rpx;

        span {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          margin-right: 16rpx;
        }

        span:nth-last-child(1) {
          margin-right: 0;
        }
      }

      .hands-on {
        display: flex;
        align-items: center;
        margin-bottom: 16rpx;

        span {
          font-size: 24rpx;
          font-weight: 400;
          color: #888888;
        }
      }

      .individual {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .individual_left {
          display: flex;
          align-items: center;

          .name {
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            margin-right: 10rpx;
          }

          .vip-rank {
            padding: 3rpx 10rpx;
            margin: 0 18rpx 0 0;
            background: #f6f0ff;
            border-radius: 6rpx 6rpx 6rpx 6rpx;
            opacity: 1;
            border: 2rpx solid #bd90d9;
            font-size: 24rpx;
            font-weight: 500;
            color: #bd90d9;
          }
        }

        .individual_right {
          font-size: 24rpx;
          font-weight: 400;
          color: #888888;
        }
      }
    }

    .qy-gr-label {
      width: 74rpx;
      height: 30rpx;
      margin-top: 8rpx;
    }
    .cardImageIcon {
      width: 24rpx !important;
      height: 24rpx !important;
      margin-right: 6rpx !important;
    }
    // 招聘
    .vacancy {
      //width: 100%;
      padding: 30rpx 20rpx;
      margin-bottom: 20rpx;
      //background: linear-gradient(180deg, #E3FFFC 0%, #FFFFFF 40%);
      background: white;
      border-radius: 20rpx;
      display: flex;
      align-items: center;

      .vehicleRecom {
        font-size: 32rpx;
        font-weight: 600;
        color: #333333;
        line-height: 44rpx;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; //想要的行数
        -webkit-box-orient: vertical;

        .tagLabel {
          width: 70rpx;
          height: 40rpx;
          background: #e7f5f4;
          border-radius: 4rpx;

          vertical-align: top;
          color: #0fa291;
          font-size: 24rpx;
          text-align: center;
          width: 106rpx;
          margin-right: 10rpx;
          padding: 8rpx 11rpx;
          border-radius: 4rpx;
        }
      }

      .vacancy_center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;

        .vacancy_status {
          font-size: 28rpx;
          font-weight: 400;
          color: #333333;
          display: flex;
          flex-flow: row nowrap;
          .region {
            margin-right: 40rpx;
          }
          .category {
            flex: 1;
          }
        }

        .vacancy_price {
          font-size: 32rpx;
          font-weight: 550;
          color: #e00000;
          flex: 1;
          display: flex;
          justify-content: flex-end;
          padding-left: 10rpx;
        }
      }

      .vacancy_biaoq {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;
        position: relative;

        .vacancy_label {
          flex: 1;
          height: 48rpx;
          position: relative;
          overflow: hidden;
          white-space: nowrap;

          .shade {
            position: absolute;
            right: 0;
            top: 0;
            width: 100rpx;
            height: 48rpx;
          }

          .label {
            display: inline-block;
            padding: 8rpx 15rpx;
            background: #f5f7f9;
            margin-right: 10rpx;
            font-weight: 400;
            font-size: 24rpx;
            color: #666666;
            border-radius: 4rpx;
          }

          .label:nth-last-child(1) {
            margin-right: 0rpx;
          }
        }

        .gend {
          image {
            width: 50rpx;
            height: 50rpx;
            top: 5rpx;
          }

          position: absolute;
          right: 0rpx;
        }
      }

      .personalInformation {
        display: flex;
        margin-top: 15rpx;

        .personalInformation_left {
          display: flex;
          flex-direction: column;

          .personalInformation_image {
            width: 42rpx;
            height: 42rpx;
            border-radius: 42rpx;
          }
        }

        .personalInformation_right {
          width: calc(100% - 110rpx);
          padding-left: 10rpx;
          display: flex;
          flex-direction: column;
          justify-content: center;

          .GR {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .name {
              line-height: 40rpx;
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }

          .GS {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .corporation {
              line-height: 40rpx;
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }

          .personalInformation_Time {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            margin-bottom: 6rpx;
            text-align: right;
          }

          .personalInformation_distance {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            text-align: right;
          }
        }
      }
    }

    .list_1_item {
      display: flex;
      width: 100%;

      .list_1_item_left {
        width: 260rpx;
        height: 200rpx;
        border-radius: 24rpx;
        margin-right: 30rpx;
      }

      .list_1_item_right {
        width: calc(100% - 290rpx);

        .vehicleRecom {
          width: 100%;
          font-size: 28rpx;
          font-weight: 600;
          color: #333333;
          line-height: 40rpx;
          word-break: break-all;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
          margin-bottom: 80rpx;

          .tagLabel {
            vertical-align: center;
            background: #64b6a8;
            color: #fff;
            font-size: 24rpx;
            text-align: center;
            width: 96rpx;
            margin-right: 10rpx;
            padding: 8rpx 6rpx;
            border-radius: 4rpx;
          }
        }

        .list_1_item_time {
          text-align: right;
          color: #999999;
          font-size: 28rpx;
          line-height: 39rpx;
        }
      }
    }

    .li2 {
      position: relative;
      width: 100%;
      display: flex;
      border-bottom: 1px solid #e0e0e0;

      .xian {
        position: absolute;
        height: 2rpx;
        background-color: #e0e0e0;
        bottom: 0;
        right: 0;
      }

      .img1 {
        width: 300rpx;
        height: 200rpx;
      }

      .img2 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .img3 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        // position: relative;
        // display: inline-block;
        // vertical-align: top;
        margin-left: 24rpx;
        flex: 1;

        .tit {
          width: 100%;
          font-size: 36rpx;
          line-height: 44rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;

          .tagLabel {
            vertical-align: top;
            background: #64b6a8;
            color: #fff;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 4rpx 6rpx;
            border-radius: 4rpx;
          }
        }

        .neirong_1 {
          // width: 366rpx;
          font-size: 24rpx;
          color: #666666;
          display: flex;
          align-items: center;

          .price {
            color: red;
            font-size: 30rpx;
            font-weight: 600;
          }

          .neir_css {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1; //想要的行数
            -webkit-box-orient: vertical;
          }

          .neir_css:nth-child(2n) {
            margin-left: 10rpx;
          }

          .neir_css:nth-child(2n-1) {
            margin-right: 10rpx;
          }
        }
      }
    }

    .li2:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }

    .li {
      position: relative;
      width: 100%;
      padding-bottom: 18rpx;
      margin-bottom: 34rpx;
      display: flex;
      border-bottom: 1px solid #e0e0e0;

      .xian {
        position: absolute;
        height: 2rpx;
        background-color: #e0e0e0;
        bottom: 0;
        right: 0;
      }

      .img1 {
        width: 300rpx;
        height: 200rpx;
      }

      .img2 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .img3 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        // position: relative;
        // display: inline-block;
        // vertical-align: top;
        margin-left: 24rpx;
        flex: 1;

        .tit {
          width: 100%;
          font-size: 36rpx;
          line-height: 44rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;

          .tagLabel {
            vertical-align: top;
            background: #64b6a8;
            color: #fff;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 4rpx 6rpx;
            border-radius: 4rpx;
          }
        }

        .neirong_1 {
          // width: 366rpx;
          font-size: 24rpx;
          color: #666666;
          display: flex;
          align-items: center;

          .price {
            color: red;
            font-size: 30rpx;
            font-weight: 600;
          }

          .neir_css {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1; //想要的行数
            -webkit-box-orient: vertical;
          }

          .neir_css:nth-child(2n) {
            margin-left: 10rpx;
          }

          .neir_css:nth-child(2n-1) {
            margin-right: 10rpx;
          }
        }

        .jiedao {
          width: 100%;
          height: 68rpx;
          font-size: 24rpx;
          line-height: 34rpx;
          margin-bottom: 14rpx;
          color: #666666;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian {
          bottom: 4rpx;
          font-size: 26rpx;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .circle {
    margin-top: 30rpx;
    display: flex;
    align-items: center;

    .circle_item {
      width: 690rpx;
      border-radius: 17rpx;
      border: 1px solid #e5e5e5;
      margin-bottom: 30rpx;

      .mingpians {
        margin-top: 30rpx;
        margin-left: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .mingpians_left {
          display: flex;
          align-items: center;
          width: 100%;

          .headPortrait {
            width: 90rpx;
            height: 90rpx;
            position: relative;

            .img1 {
              width: 100%;
              height: 100%;
              border-radius: 50%;
            }

            .img2 {
              position: absolute;
              bottom: -14rpx;
              left: 50%;
              transform: translateX(-50%);
              width: 100rpx;
              height: 40rpx;
              background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
              background-size: 100% 120%;
              font-size: 24rpx;
              color: #fff;
              text-align: center;
              line-height: 40rpx;
            }
          }

          .counselors {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 20rpx;
            height: 130rpx;
            width: calc(100% - 90rpx);

            .counselors_top {
              display: flex;
              align-items: center;
              // width: 300rpx;

              .name {
                font-size: 36rpx;
                font-weight: 400;
                color: #333333;
                word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                line-clamp: 2;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }

              .attentions {
                display: flex;
                margin-left: 12rpx;
                font-size: 28rpx;
                font-weight: 400;
                color: #333333;

                .img4 {
                  width: 41rpx;
                  height: 41rpx;
                  margin-right: 4rpx;
                }
              }
            }

            .counselors_bottom {
              display: flex;
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;

              .img3 {
                width: 31rpx;
                height: 31rpx;
                margin-left: 5rpx;
              }
            }
          }
        }

        .mingpians_right {
          margin-right: 32rpx;

          .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .image1 {
              width: 44rpx;
              height: 44rpx;
            }
          }
        }
      }

      .circle_center {
        width: 630rpx;
        height: 290rpx;
        border-radius: 18rpx;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 24rpx;
      }

      .circle_center_wz {
        margin: 0 30rpx;
        margin-top: 20rpx;
        padding-left: 30rpx;

        .circle_center_wz_text {
          font-size: 32rpx;
          font-weight: 500;
          color: #333333;
          overflow: hidden;
          word-wrap: break-word;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }

        .circle_center_wz_img {
          margin-top: 20rpx;

          .circle_center_wz_imgss {
            width: 630rpx;
            height: 290rpx;
            // border-radius: 18rpx;
          }

          .circle_center_wz_imgss_d {
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            // justify-content: space-between;
            .image {
              width: 200rpx;
              height: 200rpx;
              /* margin-right: 10rpx; */
              border-radius: 10rpx;
              margin-right: 8rpx;
              margin-bottom: 10rpx;
            }
          }

          .circle_center_wz_imgss_ds {
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            .image {
              width: 200rpx;
              height: 200rpx;
              margin-right: 10rpx;
              border-radius: 10rpx;
              margin-bottom: 10rpx;
            }
          }

          .circle_center_wz_img_vid {
            /* max-width: 630rpx; */
            /* max-height: 290rpx; */
            position: relative;
            display: inline-block;

            image {
              max-width: 550rpx;
            }

            .images {
              width: 74rpx;
              height: 74rpx;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
            }
          }
        }
      }

      .circle_bottom {
        margin-top: 30rpx;
        margin-left: 30rpx;
        margin-right: 20rpx;
        margin-bottom: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .circle_left {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: unset;
        }

        .circle_right {
          display: flex;
          align-items: center;

          .circle_right_item {
            display: flex;
            align-items: center;
            margin-right: 20rpx;
            height: 37rpx;
            color: #64b6a8;

            .image2 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image3 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image4 {
              width: 34rpx;
              height: 34rpx;
              margin-right: 4rpx;
            }
          }
        }
      }
    }
  }

  .dpTab {
    height: 130rpx;
    display: flex;
    align-items: center;
    padding: 0 30rpx 30rpx;
    // box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.1);

    //background-color: #fff;
    .dpTab_item {
      height: 100%;
      position: relative;
      font-size: 30rpx;
      font-weight: 400;
      color: #999999;
      margin-right: 40rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .dpTab_item_img {
        width: 60rpx;
        height: 30rpx !important;
        // position: absolute;
        // bottom: 20rpx;
        // left: 50%;
        // transform: translate(-50%);
      }
    }

    .dpTab_item_cur {
      font-size: 30rpx;
      font-weight: 600;
      color: #64b6a8;
    }
  }

  .li_fw {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 24rpx;

    .servicesAvailable {
      font-size: 32rpx;
      font-weight: 500;
      color: #64b6a8;
      margin-bottom: 20rpx;
    }

    .serviceContent {
      font-size: 24rpx;
      font-weight: 400;
      color: #333333;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  }

  .li_cy {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 24rpx;

    .li_cy_title {
      font-size: 36rpx;
      line-height: 44rpx;
      font-weight: 550;
      color: #333333;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; //想要的行数
      -webkit-box-orient: vertical;

      .tagLabel {
        vertical-align: top;
        background: #64b6a8;
        color: #fff;
        font-size: 24rpx;
        text-align: center;
        width: 106rpx;
        margin-right: 10rpx;
        padding: 4rpx 6rpx;
        border-radius: 4rpx;
      }
    }

    .li_cy_address {
      font-size: 24rpx;
      font-weight: 400;
      color: #333333;
      margin-top: 36rpx;
    }

    .li_cy_gz {
      display: flex;
      align-items: center;
      justify-content: flex-end;

      .li_cy_gz_img {
        width: 44rpx;
        height: 44rpx;
      }

      .li_cy_gz_span {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
      }
    }

    .li_cy_price {
      font-size: 36rpx;
      font-weight: 550;
      color: #e00000;
      margin-top: 36rpx;
    }

    .li_cy_time {
      font-size: 22rpx;
      font-weight: 400;
      color: #999999;
      text-align: right;
    }
  }

  /deep/ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border-color: #999;
  }

  .mingpian {
    position: relative;
    width: 690rpx;
    height: 200rpx;
    background: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    border-radius: 18rpx;
    margin-left: 30rpx;
    margin-bottom: 20rpx;

    .name {
      position: absolute;
      top: 50rpx;
      left: 174rpx;
      font-size: 36rpx;
      max-width: calc(100% - 360rpx);
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .img1 {
      background-color: #f8f8f8;
      position: absolute;
      top: 44rpx;
      left: 30rpx;
      width: 120rpx;
      height: 120rpx;
      border-radius: 50%;
    }

    .img2 {
      position: absolute;
      top: 132rpx;
      left: 40rpx;
      width: 100rpx;
      height: 36rpx;
      background: url('https://pic.bangbangtongcheng.com/static/name.png');
      background-size: 100% 100%;
      font-size: 20rpx;
      color: #fff;
      text-align: center;
      line-height: 36rpx;
    }

    .zhiwei {
      position: absolute;
      top: 132rpx;
      left: 54rpx;
      font-size: 20rpx;
      color: #fff;
    }

    .xin {
      position: absolute;
      top: 112rpx;
      left: 170rpx;

      .img3 {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .img4 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      right: 110rpx;
    }

    .img5 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      right: 40rpx;
    }

    .mingpian_right_bottom {
      position: absolute;
      top: 120rpx;
      right: 110rpx;
      display: flex;
      align-items: center;

      .mingpian_right_bottom_img {
        width: 60rpx;
        height: 60rpx;
      }

      .mingpian_right_bottom_span {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
      }
    }
  }

  .list_2 {
    margin-top: 4rpx;
    margin-left: 30rpx;
    margin-right: 30rpx;
    width: 690rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .li {
      position: relative;
      width: 100%;
      padding-bottom: 18rpx;
      margin-bottom: 34rpx;
      display: flex;
      border-bottom: 1px solid #e0e0e0;

      .xian {
        position: absolute;
        height: 2rpx;
        background-color: #e0e0e0;
        bottom: 0;
        right: 0;
      }

      .img1 {
        width: 300rpx;
        height: 200rpx;
      }

      .img2 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .img3 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 100%;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian {
          bottom: 4rpx;
          font-size: 26rpx;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .lsjl2 {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0rpx 50rpx;

    .view {
      width: 100rpx;
      font-weight: 400;
      font-size: 24rpx;
      color: #666666;
    }

    .cur {
      font-weight: 600;
      font-size: 32rpx;
      color: #0fa291;
    }
  }

  .lsjl {
    display: flex;
    // justify-content: space-between;
    align-items: center;
    background-color: #f5f7f9;
    margin: 0rpx;
    padding: 0 50rpx;

    //border-radius: 30rpx 30rpx 0 0;
    .view {
      //padding: 0 30rpx;
      //height: 54rpx;
      //border-radius: 27rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 400;
      font-size: 24rpx;
      color: #666666;
      margin-right: 20rpx;

      width: 136rpx;
      height: 50rpx;
      background: #ffffff;
      border-radius: 10rpx;
      border: 2rpx solid #999999;
    }

    .cur {
      border: 2rpx solid #64b6a8;
      background: #e7f5f4;
      font-weight: 400;
      font-size: 24rpx;
      color: #0fa291;
    }
  }

  .view {
    position: relative;
    font-size: 26rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  /deep/uni-checkbox .uni-checkbox-input {
    //background-color: rgba(0, 0, 0, 0);
    border: 2rpx solid #999;
  }

  /deep/uni-checkbox .wx-checkbox-input,
  /deep/uni-checkbox .uni-checkbox-input {
    width: 48rpx;
    height: 48rpx;
  }

  /deep/.uni-checkbox-input-checked {
    background-color: #64b6a8 !important;
    border: 2rpx solid #64b6a8 !important;
  }

  /deep/ uni-checkbox::before {
    font-size: 40rpx;
    margin-top: -14rpx;
    right: 6rpx !important;
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    .img1 {
      background-color: #f8f8f8;
      width: 300rpx;
      height: 200rpx;
    }

    .img2 {
      position: absolute;
      width: 300rpx;
      height: 200rpx;
    }

    .img3 {
      position: absolute;
      width: 300rpx;
      height: 200rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }

  .enterpriseItem {
    //background: linear-gradient(180deg, #F6FFF8 0%, #FFFFFF 100%);
    background: white;
    padding: 30rpx;
    margin-bottom: 20rpx;
    border-radius: 20rpx;
    display: flex;
    align-items: center;

    .enterpriseItemTitle {
      font-weight: 500;
      font-size: 32rpx;
      color: #000000;
      word-break: break-all;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1; //想要的行数
      -webkit-box-orient: vertical;
    }

    .enterpriseItemInfo {
      display: flex;
      align-items: center;
      font-size: 24rpx;

      image {
        margin-right: 8rpx;
        width: 24rpx;
        height: 24rpx;
      }

      view {
        margin: 20rpx 0rpx;
        margin-right: 30rpx;
      }
    }

    .enterpriseItemWelfare {
      .label {
        display: inline-block;
        padding: 8rpx 15rpx;
        background: #f5f7f9;
        margin-right: 10rpx;
        font-size: 24rpx;
        font-weight: 400;
        color: #666666;
        border-radius: 4rpx;
      }

      .label:nth-last-child(1) {
        margin-right: 0rpx;
      }
    }

    .enterpriseItemInfoBottom {
      display: flex;
      justify-content: space-around;
      font-size: 24rpx;
    }
  }

  .vacancy_biaoq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16rpx;
    position: relative;

    .vacancy_label {
      flex: 1;
      height: 48rpx;
      position: relative;
      overflow: hidden;
      white-space: nowrap;

      .shade {
        position: absolute;
        right: 0;
        top: 0;
        width: 100rpx;
        height: 48rpx;
      }

      .label {
        display: inline-block;
        padding: 8rpx 15rpx;
        background: #f5f7f9;
        margin-right: 10rpx;
        font-weight: 400;
        font-size: 24rpx;
        color: #666666;
        border-radius: 4rpx;
      }

      .label:nth-last-child(1) {
        margin-right: 0rpx;
      }
    }

    .gend {
      image {
        width: 50rpx;
        height: 50rpx;
        top: 5rpx;
      }

      position: absolute;
      right: 0rpx;
    }
  }
</style>
